<template>
	<div class="sort">
		<h2>字母排序</h2>
		<ul>
			<li v-for="(item,key) of cityList"  @click="find">{{ key }}</li>
		</ul>
	</div>
</template>
<script>
	export default{
		props:["cityList"],
		methods:{
			find(key){
				this.$emit("find",key)
			}
		}
	}
</script>
<style scoped>
	.sort h2{
		font-size:0.24rem;
		margin:0.24rem 0.3rem;
		font-weight:normal;
		color:#212121;
	}
	.sort ul{
		position: relative;
    	overflow: hidden;
    	z-index: 0;
    	background-color: #fff;
    	padding: .3rem 0;
    	color: #212121;
    	font-size: .28em;
	}
	.sort ul li{
		width: 16.66%;
	    height: .9rem;
	    line-height: .9rem;
	    font-size: .28rem;
	    text-align: center;
	    float: left;
	    position: relative;
	    z-index: 10;
	    color: #212121;
	}
</style>